.header{
  width: 100%;
  height: 60px;
  background: #2D445C;
}
.header-con{
  width: 1200px;
}
.logo{
  margin-top: 7px;
}
.logo img{
  width: 145px;
  height: 46px;
}
.nav-con li{
  float: left;
  line-height: 60px;
  height: 60px;
  padding: 0 35px;
}
.nav-con li a{
  font-size: 16px;
  color: #FFFFFF;
}
.nav-active{
  background: #0C85FF;
}
.footer{
  width: 100%;
  background: #404040;
}
.footer-text{
  text-align: center;
  color: #fff;
  height: 60px;
  line-height: 60px;
}
.footer-text-company{
  padding-right: 15px;
}
.block-con{
  width: 100%;
  background: #fff;
  padding-top: 60px;
}
.block-title{
  font-size: 36px;
  color: #202020;
  text-align: center;
}
.block-sub-title{
  font-size: 24px;
  font-weight: 300;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
}
.block-main{
  width: 1200px;
  margin-top: 40px;
}
.news-con{
  width: 1200px;
  margin-top: 40px;
  padding-bottom: 80px;
}
.news-cat-con{
  width: 288px;
  float: left;
  border: 1px solid #E4E4E4;
}
.news-cat-con li{
  height: 70px;
  line-height: 70px;
  border-bottom: 1px dashed #ccc;
  font-size: 18px;
  text-align: center;
}
.news-cat-con li a{
  color: #555555;
}
.news-cat-con .news-cat-active{
  background: rgba(12, 133, 255, 0.1)
}
.news-cat-con li:last-child{
  border: none;
}